/*public*/
body, h1, h2, h3, h4, h5 {font-family: "Arial","Microsoft Yahei","微软雅黑",sans-serif}
th, td{font-size:12px;}

.green{color:#41b59e;}

/*******************************************index**************************************************/
/*index-nav*/
.index-nav-container{width:100%; height:52px; position:fixed; top:0; z-index:1011; background:#fdfdfd;}
.index-nav{width:1000px;margin:auto;background:#fdfdfd;}
.index-nav li{ list-style:none;padding:16px 30px;color:#333; display:inline-block;*display: inline; *zoom:1;}
.index-nav li a{color:#333; text-decoration:none;display:block;}
.index-nav .active,.index-nav .active a{color:#fff;background:#3a3c47;}

.update, .update .index-nav{background:#3a3c47;}
.update .index-nav li a{color:#ffffff;}
.update .index-nav .active,.update .index-nav .active a{color:#333333; background:#fdfdfd;}

/*index-banner*/
.index-banner-container-bg{background:none repeat scroll 0 0 #d7d7d8;height:377px; margin-top:52px;}
.index-banner{margin:0 auto;width:1000px;height:377px;}
.index-box{width:570px;height:290px; background:rgba(99, 99, 99, 0.2);margin:auto auto; position:relative;top:12%;}
.index-box img{margin:8% 10% 2% 10%;}
.index-box p{color:#47e2c3;font-size:24px;margin-left:55px;margin-right:55px;line-height:24px;}
.index-box span{display:block;color:#fff;font-size:14px;margin-left:55px;}
.index-banner-container{margin:0;background:url(../images/sunivo-index-banner-bg.png) no-repeat center;}

/*index-module*/
.index-module-container{width:1000px;margin:10px auto;}
.index-module{}
.index-module-container .index-module .module-child{border:2px solid #c4c4c4;width:317px;height:236px;float:left;margin:10px 6px;}
.index-module-container .index-module .module-child a{display:block;padding-left:40px;padding-right:40px;text-decoration:none;}
.index-module .module-child h2 a{margin-top:60px;color:#41b59e; text-decoration:none;}
.index-module .module-child p a{color:#666666;font-size:14px;}
.index-module .active-module:hover{box-shadow:0 0 2px 1px #41B59E;border:2px solid #41B59E;}
.index-module .add-new{margin:70px 110px;background:url(../images/sunivoadd.png) center no-repeat;width:89px;height:89px;}
.index-module .add-new:hover{background:url(../images/sunivoaddhover.png) center no-repeat;width:89px; height:89px;}
.index-module:before, .index-module:after {
    clear: both;
    content: " ";
    display: table;
}
/*index-module2*/ 
.index-module2-container{}
.index-module2-container>p{width:93%;display:inline-block;margin-left:10px;margin-top:20px;font-size:30px;color:#333333; }
.index-module2-container>a{font-size:20px; text-decoration:none;color:#676767;}
.index-module2-container ul a{text-decoration:none;display:block;padding-top:10px; padding-bottom:10px;padding-left:15px;}
.index-module2-container ul a:hover{ background:#fafafa;}
.index-module2-container ul p{font-size:18px;color:#41b59e;}
.index-module2-container ul span{color:#555555;margin-left:5px;display:block;margin-bottom:5px;}
.index-module2-container ul p span, .index-banner p span{width:75px; height:20px; margin:0; background:url(../images/star.png); display:inline-block; vertical-align: bottom;}
.index-module2-container ul p span i, .index-banner p span i{width:15px; height:20px; background:url(../images/star.png) 0 -21px;}
.index-module2-container ul .text1{color:#888888;font-size:12px;margin-left:5px;}
.index-module2-container hr,.index-module2-container ul{margin:0;}
/*gotop*/
.backToTop{text-align:center;padding-top:10px; padding-bottom:10px;color:#fff;width:60px; height:40px; position:fixed;right:20px;z-index:100; bottom:100px;background:#41b59e; cursor:pointer;}

.backToTop:hover{background:#999;display:inline-block;width:60px; height:40px;}




/****************************************compontents***********************************************/
/*compontents-banner*/
.component-banner{width:100%; height:245px; background:url(../images/component_banner.png) no-repeat center center; background-color:#c6c6c6; margin-top:52px;}
.log-banner{width:100%; height:245px; background:url(../images/log_banner.png) no-repeat center center; background-color:#c6c6c6; margin-top:52px;}

/*compontents-content*/
.component-content{width:1000px; margin:auto; margin-top:35px;}

/*compontents-list*/
.component-list{width:225px; margin:0; float:left;}
.component-list li{width:225px; list-style:none; font-size:14px; line-height:36px;}
.component-list li .nav-active{color:#41b59e;}
.component-list li a{width:187px; display:block; padding-left:36px;  color:#333333; text-decoration:none;  background:url(../images/compontent_icon.png) 0 -36px no-repeat;}
.component-list li a:hover, .component-list li .on{width:187px; color:#41b59e; border-right:2px solid #41b59e;background:url(../images/compontent_icon.png) no-repeat;}
.component-second-list{margin:0;}
.component-second-list li{width:187px; list-style:none; font-size:14px; line-height:36px;}
.component-second-list li a{width:187px; display:block; color:#959595; text-decoration:none; background:url(../images/compontent_icon_second.png) 0 -36px no-repeat;}
.component-second-list li a:hover, .component-second-list li .second-on{width:187px; color:#41b59e; border-right:0; background:url(../images/compontent_icon_second.png) no-repeat; }

/*compontents-substance*/
.component-substance{width:750px; float:right; font-size:12px;}
.component-substance label span{width:200px; height:20px; background:url(../images/star.png); display:inline-block; vertical-align: bottom;}
.component-substance label span i{width:15px; height:20px; background:url(../images/star.png) 0 -21px;}
.component-substance h1{font-size:30px; line-height:36px; font-weight:normal;}
.component-substance h2{display:inline-block; color:#41b59e; font-size:20px; font-weight:300; margin:0; margin-right:8px;}
.component-substance h3{display:inline-block; color:#333333; font-size:18px; font-weight:300; margin:0; margin-right:8px;}
.component-substance label{font-size:14px;}
.component-substance .component-block{margin-top:10px;}
.bs-docs-example {background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; margin: 15px 0; padding: 39px 19px 14px; position: relative;}
.bs-docs-example:after{background-color: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 4px 0; color: #9DA0A4; content: "Example"; font-size: 12px; font-weight: bold; left: -1px; padding: 3px 7px; position: absolute; top: -1px;}
.prettyprint.linenums{box-shadow:40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;}
.bs-docs-example + .prettyprint{margin-top:-20px; padding-top:15px;}
.component-substance ol.linenums{margin:0 0 0 33px;}
.component-substance ol.linenums li {color: #555555; line-height: 20px; padding-left: 12px; text-shadow: 0 1px 0 #FFFFFF;}
.component-substance pre{border-radius:4px;}
.bs-docs-example > p:last-child {margin-bottom: 0;}

/******************************************log*************************************************/
.status{margin-top:60px;}
.log{width:970px; padding:15px; margin-bottom:20px; background:#ffffff; }
.log h2{font-size:18px; font-weight:normal; color:#41b59e; margin:0; line-height:24px;}
.log-small{margin:8px 0; padding-bottom:6px;}
.log-small p{margin:0;}
.log-small small{color:#a0a0a0;}
.dotted{border-bottom:1px dotted #aaaaaa;}
.log-border{width:970px; height:2px; margin-bottom:20px; background:#d3d3d3; box-shadow:1px 2px 3px #b2b2b2;}
.status span{margin-right:30px;}
.status i{width:12px; height:12px; margin-right:5px; }
.orange{background:#dd6800;}
.blue{background:#0243e7;}
.bice{background:#41b59e;}
.yellow{background:#e7df00;}



/******************************************foot*************************************************/
.foot{width:100%; height:40px; background:#3a3c48; color:#ffffff; padding:20px 0; font-size:12px;}
.foot p{width:1000px; margin:auto; }

/****************************************load***********************************************/
.load{background-color: #b7b7be; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; opacity: 0.8; filter:alpha(opacity=80); text-align: center;}

/****************************************yc***********************************************/
.x-box { width:170px; margin-right: 5px; text-align: center; margin-bottom: 10px; padding:5px;}
.x-box p { width:92px; margin: 0 auto;}
.x-module7 { background-color: #eac80d!important; border: 1px solid #eac80d!important;}
.x-module7:hover { background-color: #bfa30c!important;}
.x-module7:active { background-color: #8c7708!important;}
.x-module8 { background-color: #5d6a99!important; border: 1px solid #5d6a99!important;}
.x-module8:hover { background-color: #3d4a79!important;}
.x-module8:active { background-color: #293357!important;}
.x-table th,.x-table td { font-size: 12px;}
.x-load{background-color: #b7b7be;bottom: 0;left: 0;position: fixed;right: 0;top:0;z-index: 1040;opacity: 0.8;line-height:14.3em;filter:alpha(opacity=80);text-align: center;}
.x-load img { margin-top: 20%;}
.x-upload-text { height: 34px!important; padding: 0!important;}
.x-upload-btn { height: 28px!important; line-height: 28px!important; vertical-align: middle!important;}
.x-paging { border: 1px solid #dcdcdc; padding: 5px;}
.x-paging-content { line-height: 24px;}